﻿/*

            This file is part of the mojomo modular front end design framework for mojoPortal CMS; 
            find more at mojomo.co.uk or mojomo.codeplex.com	

Name:       buttons.css

Author:     freshangle.co.uk

Version:    1.0

Purpose:    This file grabs any standard input types and a list of mojoPortal specifics and groupls them together.
            Now visit your favourite online button generator and grab the code to inject here.
    
            Watch out for the font size assignments here, they are set relative to the typography font size, 
            if you overide then things may go awry...
        

*/

/* ----------------------------------------   buttons ---------------------------------------*/


    
/*  general buttons... */
	button, 
	input[type="button"], 
	input[type="reset"], 
	input[type="submit"],


/*  mojo buttons... */

    input.btn,	
	.settingrow a,
	a.ModuleEditLink,
	.pageditlinks a,
	.serverlog textarea+a,
	.sitelistpage .simplelist a,
	.memberlist td a,
	.newsletteradmin a,
	.AspNet-DataList-Item a,
	.AspNet-DataList-Alternate a,
	.htmledit a[title="Compare To Current"],
	#ctl00_mainContent_lnkNewUser,
    #ctl00_mainContent_grdStyles_ctl02_lnkCancel,
    .ptreebuttons input[type="image"]

 {
	
	display: inline-block;	
	font-size:0.75em;
	font-weight:normal !important;
	line-height: normal;  
	vertical-align:middle;
	text-decoration:none;
	padding:0.45em 0.75em;
    margin: 0.25em 0;
	color:#777777;
	background-color:#fffcfc;
	text-shadow:1px 1px 0px #ffffff;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;		
	border:1px solid #dcdcdc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		
	/*a little pie.css magic for old IE...*/
	position: relative;	behavior: url('pie.htc'); 	

}

    /*reduce the ModuleEditLink buttons a little further...*/
	a.ModuleEditLink { font-size: 0.45em  }	
    
	/*a little extra top and bottom padding for submit buttons...*/	
	.oldie input[type="submit"] { padding:0.45em 0.75em 0.35em 0.75em; }
	.ie9 input[type="submit"]{ padding:0.45em 0.75em 0.35em 0.75em; }

    .ie6 input.btn { font-size: 12px; }


/*  general buttons... */
	button:hover, 
	input[type="button"]:hover, 
	input[type="reset"]:hover, 
	input[type="submit"]:hover,


/*  mojo buttons... */	
	.settingrow a:hover,
	a.ModuleEditLink:hover,
	.pageditlinks a:hover,
	.serverlog textarea+a:hover,
	.sitelistpage .simplelist a:hover,
	.memberlist td a:hover,
	.newsletteradmin a:hover,
	.AspNet-DataList-Item a:hover,
	.AspNet-DataList-Alternate a:hover,
	.htmledit a[title="Compare To Current"]:hover,
	#ctl00_mainContent_lnkNewUser:hover,
    #ctl00_mainContent_grdStyles_ctl02_lnkCancel,
    .ptreebuttons input[type="image"]
  
{
	display: inline-block;
	color:#777777;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;		
	background-color:#ededed;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	border:1px solid #dcdcdc;
	border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:inset -5px -6px 46px -8px #ffffff;
	-webkit-box-shadow:inset -5px -6px 46px -8px #ffffff;
	box-shadow:inset -5px -6px 46px -8px #ffffff;	
	/*a little pie.css magic for ie...*/
	position: relative;	behavior: url('pie.htc'); 	
}

	button, 
	input[type="button"]:active, 
	input[type="reset"]:active, 
	input[type="submit"]:active
	/*input[type="file"]:active,*/ 
	.settingrow a:active,
	a.ModuleEditLink:active,
	.pageditlinks a:active,

	.serverlog textarea+a:active,
	.sitelistpage .simplelist a:active,
	.memberlist td a:active,
	.newsletteradmin a:active,
	.AspNet-DataList-Item a:active,
	.AspNet-DataList-Alternate a:active,
	.htmledit a[title="Compare To Current"]:active ,
	#ctl00_mainContent_lnkNewUser:active
	{
		
		text-decoration: none;
		
	}
    
    

    /*remove ie black borders from buttons - pie.css also removes the border on the redraw*/

	/*.ie7 input[type="submit"], 
    .ie6 input[type="submit"],
	.ie7 input[type="submit"]:hover, 
    .ie6 input[type="submit"]:hover,
	.ie7 input[type="submit"]:active, 
    .ie6 input[type="submit"]:active 
	{  filter:chroma(color=#000000); }*/





